@import "../global/mixin.less";
.friend-card-wrapper {
  border: 1px solid #00f;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 15px 10px 15px 20px;
  a {
    display: block;
    .center();
    justify-content: start;
    .friend-avator {
      img {
        width: 80px;
        height: 80px;
        flex-shrink: 0;
        border-radius: 50%;
      }
    }
    .friend-content {
      padding-left: 10px;
      .friend-title {
        border-bottom: 2px solid #00f;
        padding-bottom: 5px;
        .friend-title-text {
          font-size: 20px;
          font-weight: 600;
          .ellipsis(1);
        }
      }
      .friend-subtitle {
        padding-top: 5px;
        .friend-subtitle-text {
          font-size: 16px;
          .ellipsis(2);
        }
      }
    }
  }
}
